<template>
  <div class="systemsettings">
    <SubtTitle
      name="系统配置"
      icon-name="setup"
      has-icon
      style="margin-bottom: 10px"
    ></SubtTitle>
    <div class="main">
      <Menu :menuListL="route.matched[1].children"></Menu>
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs, onBeforeMount, onMounted } from "vue";
import { useRouter, useRoute } from "vue-router";
import SubtTitle from "@/components/Title/subtTitle.vue";
const route = useRoute();
const router = useRouter();
onMounted(() => {});
</script>
<style scoped lang="scss">
.systemsettings {
  height: 100%;
  background: #282929;
  border-radius: 20px;
  padding: 24px;
  height: calc(100vh - 140px);
  .main {
    display: flex;
    overflow: hidden;
    .content {
      background: #1f1f20;
      width: 100%;
      height: calc(100vh - 240px);
      margin-left: 20px;

    }
  }
}
</style>
